&:root {
	--font-color: #000;
	--night-font-color: #ddd;
	--primary: #b2fefa;
	--secondary: #0ed2f7;
	--dark: #0052d4;
	--gradient-light: #5d9eea;
	--gradient-middle: #0f27b5;
	--gradient-dark: #100e17;
	--code-gradient-light: #cff0ff;
	--code-gradient-dark: #afcafd;
	--maxwidth: 1284px;
}


/* roboto-mono-regular */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: regular;
  src: url('//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono'), local('RobotoMono-Normal'),
       url('//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.woff') format('woff'), /* Modern Browsers */
       url('//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* rubik-regular */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: regular;
  src: url('//lib.baomitu.com/fonts/rubik/rubik-regular.eot'); /* IE9 Compat Modes */
  src: local('Rubik'), local('Rubik-Normal'),
       url('//lib.baomitu.com/fonts/rubik/rubik-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//lib.baomitu.com/fonts/rubik/rubik-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('//lib.baomitu.com/fonts/rubik/rubik-regular.woff') format('woff'), /* Modern Browsers */
       url('//lib.baomitu.com/fonts/rubik/rubik-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//lib.baomitu.com/fonts/rubik/rubik-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}

.gradient-text {
	background: var(--primary) !important;
	background: -webkit-linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
	background: linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-box-decoration-break: clone !important;
	box-decoration-break: clone !important;
}
.gradient-bg {
	background: var(--primary) !important;
	background: -webkit-linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
	background: linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
}
.gradient-bg-rev {
	background: var(--primary) !important;
	background: -webkit-linear-gradient(to right, var(--dark), var(--secondary), var(--primary)) !important;
	background: linear-gradient(to right, var(--dark), var(--secondary), var(--primary)) !important;
}
